<template>
  <div class="journalism_details">
    <div class="journalism_details_breadcrumb">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item>您的位置</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/journalism' }"
          >新闻资讯</el-breadcrumb-item
        >
        <el-breadcrumb-item>新闻资讯详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div v-for="(item, index) in list" :key="index">
      <div v-if="item.id == id">
        <div class="journalism_details_title">
          {{ item.title }}
        </div>
        <div class="journalism_details_information">
          <span
            style="
              color: #999fb3;
              opacity: 1;
              padding: 0 1%;
              border-right: 1px solid #999fb3;
              font-weight: 400;
            "
            >发布时间：{{ item.time }}</span
          >
          <span
            style="
              color: #999fb3;
              opacity: 1;
              padding: 0 1%;
              border-right: 1px solid #999fb3;
              font-weight: 400;
            "
            >作者：{{ item.author }}</span
          >
          <span
            style="
              color: #999fb3;
              opacity: 1;
              padding: 0 1%;
              border-right: 1px solid #999fb3;
              font-weight: 400;
            "
            >来源：{{ item.source }}</span
          >
          <span
            style="color: #999fb3; opacity: 1; padding: 0 1%; font-weight: 400"
            >浏览：{{ item.Views }}次</span
          >
        </div>
        <div class="journalism_details_text">
          <div v-html="item.text"></div>
          <img
              v-for="(item, index) in item.imgUrl"
              :key="index"
              :src="item.img"
              alt=""
            />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      id: "",
      list: [
        {
          id: "0",
          title: "热烈祝贺航科智能系统与旭冉科技战略合作及签约仪式隆重举行",
          time: "2021-10-31",
          source: "沈阳航科智能系统有限公司",
          author: "沈阳航科智能系统有限公司",
          Views: "6698",
          text: "<div style='text-indent: 2em;'>2021年10月31日，沈阳航科智能系统有限公司与合肥旭冉信息科技有限公司的合作仪式在上海张江高科技园我司隆重举行，双方就人工智能，大数据等领域展开合作并签署战略合作协议，拉开了正式合作的序幕。</div><div style='text-indent: 2em;'>合肥旭冉信息科技有限公司（以下简称旭冉科技）作为行业软件开发的专业型公司，专注于汽车、工程机械、融资租赁行业管理模式的研究及落地，并提供移动互联网落地解决方案。</div><div style='text-indent: 2em;'>沈阳航科智能系统有限公司（以下简称沈阳航科）：是一家专注于企业/行业数字化与智能化的技术服务型公司，帮助企业/行业业务上云和AI+，实现降本增效和业务创新。此次与旭冉科技战略合作协议的签署，是公司全面开展行业业务，提升公司业务能力，促进公司业务高质量发展的重要举措。</div><div style='text-indent: 2em;'>双方深入交流和研讨行业发展及用户需求等方面的行业痛点及解决模式，积极推动双方企业合作项目及时落地。会议最后，所有参会嘉宾共举酒杯，醇馥的美酒，不仅寓意了双方合作的长久，也寓意了数瞳与旭冉战略合作项目的长久美满。</div>",
          imgUrl: [
            {
              img: require("../assets/image/cooperation1.jpg"),
            },{
              img: require("../assets/image/cooperation2.jpg"),
            },
          ],
        },
        {
          id: "1",
          title: "新松软件研究院邹院长一行莅临我司参观指导",
          time: "2022-02-22",
          source: "沈阳航科智能系统有限公司",
          author: "沈阳航科智能系统有限公司",
          Views: "5668",
          text: "<div style='text-indent: 2em;'>2月17日，A股上市公司新松机器人软件研究院邹凤山院长一行莅临我司参观交流，我司技术团队及相关工程师参加接待，双方就行业发展趋势、各自企业发展情况、合作方向等方面进行了深入交流。</div><div style='text-indent: 2em;'>在公司董事张时乐及相关技术人员的陪同下，邹院长一行参观了我司办公环境，随后双方展开了技术座谈交流。公司相关技术人员向新松机器人公司介绍了我司MES软件、智能流程引擎等产品发展情况。双方针对“数字制造平台”和“大数据高速处理平台”进行了深入探讨，相互交流、探讨可持续发展的行业发展模式和行业开拓经验。双方实现合作共赢，共同推动行业发展！</div>",
          imgUrl: [
            {
              img: require("../assets/image/shutong2.jpg"),
            },
          ],
        },{
          id: "2",
          title: "辽宁全省制造业数字化转型对接交流会在沈召开",
          time: "2022-02-25",
          source: "沈阳航科智能系统有限公司",
          author: "沈阳航科智能系统有限公司",
          Views: "5298",
          text: "<div style='text-indent: 2em;'>2月25日下午，由辽宁省人民政府举办的全省制造业数字化转型对接交流会在沈阳召开。本次会议以工业软件发展为主题，旨在推动全省制造业数字化转型，加快数字辽宁、智造强省建设。</div><div style='text-indent: 2em;'>本次会议辽宁省省市县各级工业信息化领导参加。我公司东北合资公司“沈阳航科智能系统有限公司”应邀参加会议。董事长张时乐博士在会议上做了《MOM 数字化智能制造管理平台是制造企业数字化，智能化，安全化，绿色化的抓手》的演讲，总经理滕代友做了公司MOM系统的演示。公司产品演示受到到场企业的极大关注。</div><div style='text-indent: 2em;'>近年来，辽宁省加快新一代信息技术与制造业深度融合，推动制造业高质量发展。下一步，辽宁省将以“数据化、智能化、平台化、生态化”为主线，加快推动制造业数字化转型。作为领先的智能科技公司，我司将积极拥抱数字化大潮，推动数字化与制造业等的深度融合，以创新的数字化产品赋能产业发展，推动行业高质量发展，为数字经济贡献一份力量。</div>",
          imgUrl: [
            {
              img: require("../assets/image/exchangeMeeting2.jpg"),
            },{
              img: require("../assets/image/exchangeMeeting3.jpg"),
            },
          ],
        },
      ],
    };
  },

  mounted () {
    this.id = this.$route.query.id
  },
  methods: {},
};
</script>

<style scoped>
.journalism_details {
  padding-bottom: 3%;
}
.journalism_details_breadcrumb {
  width: 70%;
  margin: auto;
  padding: 3% 0;
}
.journalism_details_title {
  width: 70%;
  margin: auto;
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  color: #04113b;
}
.journalism_details_information {
  width: 70%;
  margin: 1% auto;
  text-align: center;
}
.journalism_details_text {
  width: 70%;
  margin: auto;
  padding: 2% 0 4% 0;
  font-weight: 400;
  line-height: 24px;
  color: #04113b;
  opacity: 1;
  font-size: 16px;
  /* text-indent: 2em; */
}
.journalism_details_text img {
  width: 100%;
  margin: 1.5% 0;
}
.journalism_details_breadcrumb >>> .el-breadcrumb__inner {
  font-weight: normal;
  color: #606266;
}
</style>
